<template>
  <div>
    <div class="block-div34">
      我是Son组件-App回复：{{ title }}
    </div>
    <button class="bnt" @click="changeTitle">修改title</button>
  </div>

</template>

<script>
export default {
  props: ['title'],
  methods:{
    changeTitle(){
      this.$emit('changeTitle','你很棒，继续努力')
    }
  }
}
</script>

<style scoped>
.block-div34 {

  border-radius: 10px; /* 设置圆角 */
  display: inline-block; /* 将元素转换为块级元素 */
  padding: 10px; /* 内边距为10px */
  margin: 5px;
  border: 1px solid #eeeeee; /* 1px的边框 */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* 添加阴影 */

}
.bnt{
  border-radius: 10px; /* 设置圆角 */
  border: 1px solid black; /* 1px的边框 */
  padding: 10px; /* 内边距为10px */
  margin: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* 添加阴影 */
}
</style>


